
@page{size:A4;margin-top:1.0in;-fs-flow-top:"header";-fs-flow-bottom:"footer";-fs-flow-left:"left";-fs-flow-right:"right";border-top:thin solid black;padding:0.325em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
*{font-family:"Microsoft YaHei",寰蒋闆呴粦,SimSun,瀹嬩綋 !important;margin:0;padding:0;}
ul,li{list-style:none;}	
h1{font-size:34px;line-height:46px;}
h2{font-size:30px;}
h3{font-size:24px;padding:10px 0;}
h4{font-size:20px;padding:10px 0;text-align:left;width:90%;margin:0 auto;}
h5{font-size:16px;}
a{text-decoration: none;outline: none;blr: expression(this.onFocus=this.blur());}
hr{height:2px;background-image: linear-gradient(to right, #41CB89, #76E7BE, rgb(255, 255, 255,0));border:0;width:710px;margin:0 auto;}
.clearfix{clear:both;}
.w50{width:49%;}
.w100{width:100%;}
.fl{float:left;}
.fr{float:right;padding-right: 10px;}
span.emphasis{color:#E7464C;padding:0 5px;}
span.pageno{float:right;}
.section{display:block;position:relative;width:794px;height:1063px;padding:30px 0;margin:0 auto;color:#666;vertical-align:middle;text-align:center;overflow:hidden;}
.page-title{width:710px;margin:0 auto;font-size:28px;line-height:39px;font-weight:bold;padding:10px 0;text-align:left;}
.page-childtitle{width:710px;margin:0 auto;font-size:20px;line-height:28px;font-weight:bold;padding:40px 0 20px 0;text-align:left;}
.page-subtitle{width:710px;margin:0 auto;font-size:17px;line-height:24px;font-weight:bold;padding:17px 0 0 0;text-align:left;color:#666;}
.page-content,.page-notes{width:710px;margin:0 auto;text-align:left;overflow:hidden;}
.page-content p{text-indent:0;padding:10px 0;font-size:12px;line-height:20px;color:rgba(0,0,0,0.85);}
.page-content p.suggest{color:rgba(0,0,0,0.85);font-weight:500;font-size:14px;line-height:19px;}
.page-notes p{text-indent:0;padding:15px 0;font-size:14px;line-height:19px;color:rgba(0,0,0,0.85);font-weight:400;}
.subtitle{font-size:16px;line-height:24px;font-weight:bold;padding:10px 12px;color:#0A2463;display:inline-block;}
.subcontent{font-size:14px;line-height:28px;;width:100%;}
.subcontent .subdetails{padding-left:12px;width:100%;}
.subcontent .subdetails li{width:100%;font-weight:400}
.subcontent .subdetails li div{display:inline-block;}
.subcontent .subdetails li .detailsname{width:50%}
.subcontent .subdetails li .detailsvalue{width:30%;font-size:16px;}
.subcontent .subdetails li .detailsnotes{width:20%;text-align:center;font-size:16px;}
.blankPannel{position:absolute;z-index:1;background:#fff;height:30px;top:0;width:100%;}
.leveldetails li{float:left;display:inline-block;font-size:12px;padding:10px 0;margin-right:10px;}
.leveldetails li span{height:1em;width:1em;display:inline-block;vertical-align:middle;margin-right:5px;border-radius:3px;}
.levellow {
    background: #71BAFE;
}
.levelnormal{background:#41CB89;}
.levelhigh {
    background: #E7464C;
}
.levellowcontent{color:#71BAFE;}
.levelnormalcontent{color:#41CB89;}
.levelhighcontent{color:#E7464C;}

.dataarea{width:98%;margin:0 auto;padding-top:10px;overflow:hidden;}
.dataarea .tablearea{width:100%;table-layout:fixed;border-collapse:collapse;}
.dataarea .tablearea,.dataarea .tablearea tr,.dataarea .tablearea th,.dataarea .tablearea td{border:1px solid #000;}
.dataarea .tablearea tr th{font-size:14px;line-height:18px;padding:4px 0;text-align:center;height:22px;}
.dataarea .tablearea tr td{font-size:12px;line-height:15px;text-align:center;padding:2px 0;height:18px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.dataarea .tablearea tr td.up{color:red;font-weight:900;font-size:24px;}
.dataarea .tablearea tr td.down{color:green;font-weight:900;font-size:24px;}
.dataarea .tablearea tr td a{color:#266fff;}
.dataarea .tablearea img{width:14px;height:14px;padding-right:0.5em;}


.milepostarea{float:right;width:80%;position:relative;height:240px;}
.milepostarea .mileflag{position:absolute;top:70px;}
.milepostarea .mileflag .mileflagstatus{display:block;}
.milepostarea .mileflag .mileflagicon{fill:red;}
.milepostarea .milepost{width:100%;height:20px;top:120px;position:absolute;}
.milepostarea .milepost li{float:left;height:20px;display:block;width:20%;position:relative;}
.milepostarea .milepost li span{position:absolute;top:20px;left:-10px;}

#pushup,#flexibility,#balanced,#reaction{height:120px;}
#muscle .mileflag,#pushup .mileflag,#flexibility .mileflag,#balanced .mileflag,#reaction .mileflag{top:20px;}
#muscle .milepost,#pushup .milepost,#flexibility .milepost,#balanced .milepost,#reaction .milepost{top:70px;}

.notestitle{padding:20px 0 10px 0;font-size:14px;line-height:29px;color:rgba(0,0,0,0.5);font-weight:400;width:300px;}
.notestitle span{font-size:17px;line-height:29px;color:rgba(23,31,36,1);font-weight:400;float:right}
.notesdetails{font-size:14px;font-weight:400;color:rgba(0,0,0,0.85);line-height:29px;width:300px;}
.bad{background:#E7464C;} /*宸�*/
.poor{background:#FF8694;} /*杈冨樊*/
.pass{background:#FF9E76;} /*鍚堟牸*/
.good{background:#41CB89;} /*鑹ソ*/
.excellent{background:#1890FF;} /*浼樼*/

.page-one {
    color: #fff;
    background: url('../images/reportBg.png') no-repeat right center;
    background-size: auto 100%;
}
.page-one .logoImg{padding-top:150px;width:214px;}
.page-one h1{padding-top:85px;color:#434343;}
.page-one h2{padding-top:40px;color:#434343;}
.page-one h5{padding-top:14px;color:#9d9d9d;width:300px;margin:0 auto;text-align:left;}
.page-one h5 span{color:#434343;}
.page-two .echartsplit {margin-top: 20px;float: left;position: relative;}
.page-two .echartsplit .notes{position:absolute;right:10px;top:75px;width:77px;height:30px;background:linear-gradient(142deg,rgba(255,130,152,1) 0%,rgba(255,160,115,1) 100%);border-radius:28px 14px 14px 1px;color:#fff;font-size:20px;font-weight:400;text-align:center;text-indent:20px;}
.page-two .echartsplit .notes:after{top:5px;right:51px;width:13px;height:20px;background: url('') no-repeat;background-position:10% center;display:block;content:'';position:absolute;}
.page-two .echartsplit .echart-title {font-size: 14px;line-height: 40px;text-align: center;margin:0 auto;}